<template>
  <div>
    <div v-for="(e,i) in cardData" :key="i">
      <card :card='e'/>
    </div>
  </div>
</template>

<script>
import res from "./mockData";
import Card from "./Card";
export default {
  name: "QiXuanZiLiao",
  data() {
    return {
      cardData:[],
    };
  },
  components: {
    Card,
  },
  mounted() {
    this.getCardData()
  },
  methods: {
    getCardData(){
      console.log(res,'123');
      this.cardData = res.data
    }
  },
};
</script>

<style lang="stylus" rel="stylesheet/stylus" scoped></style>
